
/** 基色 **/
$baseColor: #3d9dff;

/** 背景色 **/
$backgroundColor: #F2F2F2;

/** 白色 **/
$whiteColor: #FFFFFF;

.blue-font {
	color: $baseColor;
}

/** 布局 **/
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex-v {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-r {
	-webkit-box-orient: revert;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flex-rr {
	-webkit-box-orient: revert;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flex-vr {
	-webkit-box-orient: revert;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.flex-pack-justify {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-pack-justify-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-pack-justify-start {
	-webkit-box-pack: start;
	-webkit-justify-content: start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
}

.flex-pack-justify-end {
	-webkit-box-pack: end;
	-webkit-justify-content: end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}

.flex-pack-around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-align-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.flex-align-self-start {
	align-self: flex-start;
}

.flex-align-self-end {
	align-self: flex-end;
}

.flex-wrap {
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex1 {
	-webkit-box-flex: 1;
	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;
	/* OLD - Firefox 19- */
	-webkit-flex: 1;
	/* Chrome */
	-ms-flex: 1;
	/* IE 10 */
	flex: 1;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}
